:global {
  .dgMain {
    height: 100%;
  }

  .devToolbar {
    margin-bottom: 10px;
  }

  .devTitle {
    line-height: 44px;
    font-size  : 16px;
    color      : rgba(0, 0, 0, 0.85);
    margin     : 0 0 10px;
  }

  .devFlex {
    display: flex;
  }

  .flex1 {
    flex: 1;
  }

  .devGrid15 {
    margin: 15px;
  }

  .devGrid15lr {
    margin: 0 15px;
  }

  .devGrid15l {
    margin-left: 15px;
  }

  .devGrid15r {
    margin-right: 15px;
  }

  .devGrid24 {
    margin: 24px;
  }

  .devGrid24lr {
    margin: 0 24px;
  }

  .devGrid24l {
    margin-left: 24px;
  }

  .devGrid24r {
    margin-right: 24px;
  }

  .devGrid80 {
    margin: 80px;
  }

  .devGrid80lr {
    margin: 0 80px;
  }

  .devGrid80l {
    margin-left: 80px;
  }

  .devGrid80r {
    margin-right: 80px;
  }

  .devGrid120 {
    margin: 120px;
  }

  .devGrid120lr {
    margin: 0 120px;
  }

  .devGrid120l {
    margin-left: 120px;
  }

  .devGrid120r {
    margin-right: 120px;
  }

  .zny-component_iconsContainer {
    width   : 600px;
    height  : 300px;
    overflow: auto;
  }

  .zny-component_iconsContainer ul {
    padding  : 0;
    display  : flex;
    flex-wrap: wrap;
  }

  .zny-component_iconsContainer ul li {
    cursor    : pointer;
    text-align: center;
    margin    : 4px;
  }

  .zny-component_devDataGrid {
    position  : relative;
    min-height: 220px !important;
  }

  .zny-component_devDataGrid .dx-datagrid .dx-row .dx-link {
    margin: 0 !important;
  }

  .zny-component_devDataGrid .dx-sort-none {
    font       : 14px/1 DXIcons;
    display    : inline-block !important;
    font-family: inherit;
  }

  .zny-component_devDataGrid .dx-sort-none:before {
    content    : '\F055';
    font-family: 'DXIcons', sans-serif;
  }

  .zny-component_devDataGrid .cell-ellipsis {
    display       : inline-block;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    max-width     : 100%;
    vertical-align: bottom;
  }

  .zny-component_devDataGrid .operationColumn {
    overflow: visible !important;
  }

  .zny-component_devDataGrid .rowActions {
    display         : none;
    padding         : 0 8px;
    border-radius   : 4px;
    width           : -webkit-fit-content;
    width           : -moz-fit-content;
    width           : fit-content;
    vertical-align  : middle !important;
    overflow        : unset !important;
    position        : absolute;
    right           : 10px;
    background-color: white !important;
  }

  .zny-component_devDataGrid .rowActions button[action='delete'],
  .zny-component_devDataGrid .rowActions button[action='managerDelete'],
  .zny-component_devDataGrid .rowActions button[action='managerEdit'] {
    border-color: transparent;
  }

  .zny-component_devDataGrid .rowActions button[action='delete']:active,
  .zny-component_devDataGrid .rowActions button[action='managerDelete']:active,
  .zny-component_devDataGrid .rowActions button[action='managerEdit']:active,
  .zny-component_devDataGrid .rowActions button[action='delete']:hover,
  .zny-component_devDataGrid .rowActions button[action='managerDelete']:hover,
  .zny-component_devDataGrid .rowActions button[action='managerEdit']:hover,
  .zny-component_devDataGrid .rowActions button[action='delete']:focus,
  .zny-component_devDataGrid .rowActions button[action='managerDelete']:focus,
  .zny-component_devDataGrid .rowActions button[action='managerEdit']:focus {
    border-color: transparent;
  }

  .zny-component_devDataGrid .dx-datagrid .dx-row.dx-state-hover .rowActions {
    display: flex;
  }

  .zny-component_devDataGrid .operateButton {
    margin           : 0px;
    text-decoration  : none;
    -webkit-animation: zny-component_bounce-right 0.5s linear infinite;
    animation        : zny-component_bounce-right 0.5s linear infinite;
  }

  @-webkit-keyframes zny-component_bounce-right {

    0%,
    100% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(-5px);
    }
  }

  @keyframes zny-component_bounce-right {

    0%,
    100% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(-5px);
    }
  }

  .zny-component_devDataGrid .dx-datagrid .dx-command-select[aria-label='选择行']>*,
  .zny-component_devDataGrid .dx-datagrid .dx-command-select[aria-label='全选']>* {
    visibility: hidden;
  }

  .zny-component_devDataGrid .dx-datagrid .checkboxContainer {
    position: relative;
    overflow: visible;
  }

  .zny-component_devDataGrid .dx-datagrid-pager .dx-pages .dx-page[aria-label='Page >'] {
    display: none;
  }

  .zny-component_devDataGrid .zny-component_rowButtonContainer {
    position: relative;
  }

  .zny-component_devDataGrid .dx-datagrid-focus-overlay.dx-pointer-events-target {
    display: none;
  }

  .zny-component_devDataGrid .zny-component_checkbox {
    position : absolute;
    left     : -43px;
    top      : 50%;
    transform: translateY(-50%);
  }

  .zny-component_devDataGrid .zny-component_filterInputContainer {
    position: relative;
  }

  .zny-component_devDataGrid .zny-component_filterInputContainer .ant-input-affix-wrapper .anticon-close-circle {
    display   : none;
    visibility: hidden;
  }

  .zny-component_devDataGrid .zny-component_filterInputContainer .ant-input-affix-wrapper input:not([value=''])+.ant-input-suffix .anticon-close-circle {
    display: inline-block;
  }

  .zny-component_devDataGrid .zny-component_filterInputContainer .ant-input-affix-wrapper:hover .anticon-close-circle {
    visibility: visible;
  }

  .zny-component_devDataGrid .zny-component_clearAllFilter {
    position: absolute;
    top     : -24px;
    right   : 2%;
    cursor  : pointer;
  }

  .zny-component_devDataGrid .toolbarsContainer>* {
    margin-right: 8px;
  }

  .filterFormContainer .zny-form+div {
    background-color: white;
  }

  .zny-component_pageSizeSelector {
    position        : absolute !important;
    bottom          : 10px;
    width           : 80px;
    background-color: transparent;
    border-radius   : 0;
  }

  .zny-component_devTreeView {
    min-width: 360px;
  }

  .zny-component_devTreeView .ant-tree-node-content-wrapper {
    width: calc(100% - 50px);
  }

  .zny-component_devTreeView .ant-tree li {
    position: relative;
  }

  .zny-component_devTreeView .ant-tree-title {
    display: inline-block;
    width  : 95%;
  }

  .zny-component_devTreeView .toolbarsContainer {
    margin-bottom: 15px;
  }

  .zny-component_devTreeView .toolbarsContainer button {
    margin-right: 5px;
  }

  .zny-component_devTreeView .toolbarsContainer button:last-child {
    margin-right: 0;
  }

  .zny-component_devTreeView .zny-component_treeTitle {
    display        : flex;
    justify-content: space-between;
    width          : 100%;
  }

  .zny-component_devTreeView .zny-component_treeName {
    max-width    : 80%;
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap;
  }

  .zny-component_devTreeView .zny-component_treeCode {
    position: absolute;
    right   : 32px;
    top     : 5px;
    color   : rgba(0, 0, 0, 0.65);
  }

  .zny-component_devTreeView .zny-component_treeWrapper {
    overflow-y: auto;
  }

  .zny-component_devMultiTree {
    min-width: 380px;
  }

  .zny-component_devMultiTree .ant-collapse-borderless {
    background-color: transparent;
  }

  .zny-component_devMultiTree .ant-collapse-item-active .ant-collapse-header {
    background-color: #e8e8e8;
    color           : #1890ff;
  }

  .zny-component_devMultiTree .ant-collapse-item {
    border-color: transparent;
  }

  .zny-component_devMultiTree .toolbarsContainer {
    margin-bottom: 15px;
  }

  .zny-component_devMultiTree .toolbarsContainer button {
    margin-right: 5px;
  }

  .zny-component_devMultiTree .toolbarsContainer button:last-child {
    margin-right: 0;
  }

  .zny-component_devTreeList {
    position : relative;
    min-width: 360px;
  }

  .zny-component_devTreeList .zny-component_treeNode {
    display        : flex;
    justify-content: space-between;
  }

  .zny-component_devTreeList .zny-component_treeCode {
    color: rgba(0, 0, 0, 0.65);
  }

  .zny-component_devTreeList .cell-ellipsis {
    display       : inline-block;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    max-width     : 100%;
    vertical-align: bottom;
  }

  .zny-component_devTreeList .dx-sort-none {
    font       : 14px/1 DXIcons;
    display    : inline-block !important;
    font-family: inherit;
  }

  .zny-component_devTreeList .dx-sort-none:before {
    content    : '\F055';
    font-family: 'DXIcons', sans-serif;
  }

  .zny-component_devTreeList .operationColumn {
    overflow: visible !important;
  }

  .zny-component_devTreeList .rowActions {
    display         : none;
    padding         : 0 8px;
    border-radius   : 4px;
    width           : -webkit-fit-content;
    width           : -moz-fit-content;
    width           : fit-content;
    vertical-align  : middle !important;
    overflow        : unset !important;
    position        : absolute;
    right           : 0;
    background-color: white !important;
  }

  .zny-component_devTreeList .rowActions button[action='delete'],
  .zny-component_devTreeList .rowActions button[action='managerDelete'],
  .zny-component_devTreeList .rowActions button[action='managerEdit'] {
    border-color: transparent;
  }

  .zny-component_devTreeList .rowActions button[action='delete']:active,
  .zny-component_devTreeList .rowActions button[action='managerDelete']:active,
  .zny-component_devTreeList .rowActions button[action='managerEdit']:active,
  .zny-component_devTreeList .rowActions button[action='delete']:hover,
  .zny-component_devTreeList .rowActions button[action='managerDelete']:hover,
  .zny-component_devTreeList .rowActions button[action='managerEdit']:hover,
  .zny-component_devTreeList .rowActions button[action='delete']:focus,
  .zny-component_devTreeList .rowActions button[action='managerDelete']:focus,
  .zny-component_devTreeList .rowActions button[action='managerEdit']:focus {
    border-color: transparent;
  }

  .zny-component_devTreeList .dx-treelist .dx-row.dx-state-hover .rowActions {
    display: flex;
  }

  .zny-component_devTreeList .zny-component_rowButtonContainer {
    position: relative;
  }

  .zny-component_devTreeList .operateButton {
    margin           : 0px;
    text-decoration  : none;
    -webkit-animation: zny-component_bounce-right 0.5s linear infinite;
    animation        : zny-component_bounce-right 0.5s linear infinite;
  }

  @-webkit-keyframes zny-component_bounce-right {

    0%,
    100% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(-5px);
    }
  }

  @keyframes zny-component_bounce-right {

    0%,
    100% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(-5px);
    }
  }

  .zny-component_devTreeList .dx-datagrid-pager .dx-pages .dx-page[aria-label='Page >'] {
    display: none;
  }

  .zny-component_devTreeList .zny-component_filterInputContainer {
    position: relative;
  }

  .zny-component_devTreeList .zny-component_filterInputContainer .ant-input-affix-wrapper .anticon-close-circle {
    display   : none;
    visibility: hidden;
  }

  .zny-component_devTreeList .zny-component_filterInputContainer .ant-input-affix-wrapper input:not([value=''])+.ant-input-suffix .anticon-close-circle {
    display: inline-block;
  }

  .zny-component_devTreeList .zny-component_filterInputContainer .ant-input-affix-wrapper:hover .anticon-close-circle {
    visibility: visible;
  }

  .zny-component_devTreeList .toolbarsContainer>* {
    margin-right: 8px;
  }

  .zny-component_clearAllFilter {
    position: absolute;
    top     : -24px;
    right   : 2%;
    cursor  : pointer;
  }

  .filterFormContainer .zny-form+div {
    background-color: white;
  }

  .zny-component_treeListContainer {
    height: 100%;
  }

  .zny-component_pageSizeSelector {
    position: absolute !important;
    bottom  : 10px;
    width   : 80px;
  }

  .zny-component_wrapper {
    height     : 60px;
    line-height: 60px;
    display    : flex;
    align-items: center;
  }

  .zny-component_content {
    margin-left: 8px;
  }

  .zny-component_upper,
  .zny-component_lower {
    height     : 30px;
    line-height: 30px;
    font-size  : 14px;
  }

  .zny-component_upper {
    border-bottom: 1px solid;
  }

  .theme-dark .zny-component_wrapper {
    color: white;
  }
}